
<script>
export default {
      name: "item",
      props:{
        id:{
          type:Number,
          default:0
        },
        arr:{
          type:Array,
          default:function () {
            return ["你活着干嘛?","你活着就是为了泡妞?","你为啥要或者?"]
          }
        }
      },
    render(){
      const $this = this
      let jsx2 = `<h${$this.id+1}>${$this.$slots.default[0].text + $this.arr[$this.id]}</h${$this.id+1}>`

      // 改变标签就得用 domPropsInnerHTML
      return (<div domPropsInnerHTML={jsx2}></div>)
    }
  }
</script>